<template>
	<section>
    <div>目录：<component is="button" @click="getParam">getParam</component></div>
    <div id="router-box">
      <router-link :to="{path:'Test'}">to test</router-link>
      <router-link :to="{path:'TestFirst'}">to testFirst</router-link>
      <router-link :to="{name:'TestRender'}">to testRender</router-link>
      <router-link :to="{name:'TestVuex'}">to testVuex</router-link>
      <router-link :to="{name:'TestTransition'}">to TestTransition</router-link>
      <router-link :to="{name:'TestCommunication'}">to TestCommunication</router-link>
      <router-link :to="{name:'TestArray'}">to TestArray</router-link>
      <router-link :to="{name:'TestLayout'}">to TestLayout</router-link>
      <router-link :to="{name:'Create'}">to Create</router-link>
      <router-link :to="{name:'CreateImport'}">to CreateImport</router-link>
      <router-link :to="{name:'CreatePicker'}">to CreatePicker</router-link>
      <div id="test-div">#test</div>
    </div>
    <keep-alive>
    	<router-view></router-view>
    </keep-alive>
	</section>
</template>

<script type="text/javascript">
  // import '../static/css/iptt.css'

	export default {
		name:"Test",
		methods:{
			getParam:function(){
				console.log(this.$route.params);
			}
		},
    created(){

    }

	}
</script>
<style scoped src="../assets/css/iptt.css"></style>
<style type="text/css" scoped>
  /*@import '../assets/css/iptt.css';*/
  /*@import 'static/css/iptt.css';*/
  #test-div{
    border:1px solid yellow;
  }
	a{
		margin:10px;
	}
</style>